<template>
    <div-row :obj="obj" class="content-wrapper text-picture" :class="obj.animateTitle? 'wow '+obj.animateTitle : ''">
        <div
            class="icon-box"
            :style="{background: obj.background}"

        >
            <div class="icon-title">
                <p v-html="obj.title"/>
                <span v-if="obj.tips">{{ obj.tips }}</span>
            </div>
            <h2 class="icon-num">
                <countTo :start-val="0" :end-val="obj.number" :duration="3000"/>
            </h2>
            <p v-html="obj.smTitle"/>
        </div>
    </div-row>
</template>
<script>
import animate from '@/mixins/animate'
import countTo from 'vue-count-to'
export default {
    name: 'IconBox',
    components: { countTo },
    mixins: [animate]
}
</script>

